/* 
    Document   : stylesheet
    Created on : Oct 8, 2012, 10:43:22 AM
    Author     : lourens
    Description:
        Purpose of the stylesheet follows.
*/

body {
    padding-top: 15px;
    background-color: #333333;
    font-family: 'Eraser';
    /*stretches the background image*/
    background-size:100%;
}

#header {
    width:80%;
    height: 250px;
    background-color: #666666;
    /*gives shadow to control */
    box-shadow:0px 0px 20px 10px #303F48;

}

#head {
    opacity:0.8;
    background-color: #666666;
    font-size: 100px;
    color: white;
    background-size:100% 100%;
    background-position: center;
    width:100%;
    height: 200px;  
    box-shadow:0px 0px 20px 10px #303F48;
    position: relative;

}

#menu a {
    color:#ffffff;
    font-family: 'Eraser';
    font-size: 23pt;
    width: 100%;
}

#menu td {    
    border-right: 2px solid #445A65;
}
#menu td:hover{
    background-color: #006666;
    color: #ffffff;
}
#menu a:hover {
    background-color: #006666;
    color: #ffffff;
    /*    background-color: #436342;*/
}

#title {
    font-family: 'Eras Bold ITC';
    font-weight: bold;
    font-size: 35px;
    color: #CCFFFF;
}

#header img {
    height:100px;
    width:50px;
    padding: 10px;    
    float:left;    
}

#content {
    width:80%;
    height:auto;
    background-color: #cccccc;    
    box-shadow:0px 0px 20px 10px #303F48; 
    padding-top: 10pt;
    padding-bottom: 10pt; 
    font-size: 18px;
    color: #436342;  
}

#footer {
    width:80%;
    height: auto;
    background-color: #303F48;
    position:relative;
    box-shadow:0px 0px 20px 10px #303F48;   
    font-size: 15px;
    padding-top:5pt;
    padding-bottom: 5pt;
    color: #cccccc;
}

#loginReg {
    position : absolute;
    right:100px;
    bottom:10px;  
    font-size: 20px;
    color:blue;
    opacity:1.0;
}

#loginReg a {
    color:blue;    
}

#loginReg a:hover {
    color:#475D6A;
}

#home {
    padding-left: 10pt;
    padding-right: 10pt;
}

.homeImgs {
    width: 100px;
    height: 150px;
    float: left;
    border: #436342 solid 2px;
    margin-right: 8pt;
}

.homeTitles {
    font-size: 14pt;
    color: #445A65;
    font-weight: bold;
}

.homeText {    
    font-size: 12pt;
    color: #445A65;    
}

#home td {
    padding: 10pt;
}

.indexLinks {
    /* prevent the line from showing underneath the links */
    text-decoration: none;
}

.extraPadding {
    padding-bottom: 40pt;
}

hr {
    border: #436342 dotted 1px;
}

h1 {
    font-size: 22pt;
    color: #445A65;
}

#login {    
    padding: 10pt;
}

#login form{
    font-size: 16pt;
    color: #445A65;
}

#login input {
    width: 250px;
    font-size: 12pt;
    color: #445A65;
}

#login table {
    border: #436342 dotted 1px;
}


#login td {
    padding: 5pt;
    width: 50%;
}



